<template>
	<div class="index_container">
		首页
	</div>
</template>

<script>
	// import applyApi from "@/api/applyApi.js"

	export default {
		data() {
			return {
				userInfo: {}
			}
		},
		mounted() {
			// uni.setTabBarBadge({
			//   index: 1, // tabIndex，第二个tab
			//   text: '', // 小红点上的文字
			//   color: 'blue' // 小红点的颜色
			// });
		},
		onShow() {},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.index_container {
		padding: 5vw;

		.opeation-item {
			&:not(:first-child) {
				margin-top: 40px;
			}

			.title-container {
				display: flex;
				align-items: center;

				.circle {
					width: 3vw;
					height: 3vw;
					border-radius: 50%;
					background: linear-gradient(to right, #4d83eb, #fff);
				}

				.p {
					margin-left: 10px;
					font-size: 16px;
				}
			}
		}

		.opeation-list-details-container {
			&::after {
				display: block;
				clear: both;
				content: " ";
			}

			.opeation-box {
				width: calc(calc(100% - 60px) / 4);
				float: left;
				margin-top: 30px;

				&:not(:nth-child(4n)) {
					margin-right: 20px;
				}

				.img {
					width: 10vw;
					height: 10vw;
					display: block;
					margin: 0 auto;
				}

				.title {
					text-align: center;
					font-size: 14px;
					margin-top: 5px;
				}
			}
		}
	}
</style>